/* CSS Document */
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,ul,ol,li,form{margin:0;padding:0;-webkit-text-size-adjust:none;}
ul,ol{list-style:none}
img{border:0}
a {cursor:pointer;text-decoration:none;}
body{font-family:'Microsoft Yahei','Simsun',Arial;font-size:14px;line-height:1.5em;color:#252525;position:relative;}
cite,h3{font-style:normal;}
.btn_scoll_c{ position:absolute; width:100%; height:50px; z-index:999;font-size:12px;text-align:center;line-height:22px;}
#btn_top { top:1%; }
#btn_bottom { bottom:2%; }
#btn_top span, #btn_bottom span { position:absolute; top:0; left:0; width:100%; height:100%; -webkit-animation-name:arrowUpDown; -webkit-animation-duration:.4s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-timing-function:linear; }
#btn_top span { background:url("../images/arrow_down.png") no-repeat center center; background-size:40px }
#btn_bottom span { background:url("../images/arrow_up.png") no-repeat center center; background-size:40px }
DIV.pages_m {PADDING:3px;height:26px;overflow:hidden; MARGIN: 3px;TEXT-ALIGN: center;margin-bottom:60px;}
DIV.pages_m A,DIV.pages_m span {display:inline-block;background-color:green;position:relative;z-index:9999;border:1px solid #003300;PADDING:2px 5px 2px 5px; MARGIN: 2px;COLOR: #fff;TEXT-DECORATION: none;border-radius:4px;-webkit-border-radius:4px;}
DIV.pages_m a.disabled {background-color:#f3f3f3;color:#b7b5b5;border:1px solid #aaa;}
DIV.pages_m strong{margin:0 5px;color:#252525;font-weight:100}
/*Index*/
.cir{width:100%;position:absolute;text-align:center;bottom:10%;}
.cir img{width:45%;height:auto;	}
.cir span,.cir cite{position:absolute;font-size:18px;color:#93DAD4;}
.cir span{bottom:36%;left:43%}
.cir cite{bottom:32%;left:56%}
.active_item  .cover { -webkit-animation: cover 1.2s;animation-delay:0.3s; -webkit-animation-delay:0.3s;}
@-webkit-keyframes cover { 0% { opacity: 0; -webkit-transform: rotateY(0deg);} 100% { opacity: 1; -webkit-transform: rotateY(1080deg);} }
/*invite*/
#invite{background:url("../images/bg1.jpg");height:100%;width:100%;position:relative;background-size:cover;}
.tit{position:relative;width:100%;text-align:center;padding-top:20%}
.tit table {margin:0 auto;color:#fff;font-style:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.tit table td.name{position:relative;}
.tit table td.name img{height:auto}
.tit table td.name  span,.tit table td.name  cite{position:absolute;font-size:16px;bottom:31%;text-align:center;}
.tit table td.name  span{left:0;width:50%;}
.tit table td.name  cite{right:0;width:60%;}
#invite .info h3{text-align:center;width:100%;font-size:27px;color:#fff;line-height:40px}
#invite .info   p{text-align:center;font-size:24px;color:#fff;margin-top:30px;}

#invite_animate_bottom{width:100%;position:relative;margin-top:15%}
.invite_animate_item{width:50%;overflow:hidden;position:absolute;top:0;}
.invite_animate_item img{width:80%;}
#invite_animate_left{left:0px;text-align:left;}
#invite_animate_right{right:0px;text-align:right;}
.active_item #invite_animate_left{-webkit-animation: invite_animate_bl 1.2s;-webkit-animation-delay:0.3s}
.active_item #invite_animate_right{-webkit-animation: invite_animate_br 1.2s;-webkit-animation-delay:0.3s}
@-webkit-keyframes invite_animate_bl{
	0%{left:-150px;}
	100%{left:0px;}
}
@-webkit-keyframes invite_animate_br{
	0%{right:-150px;}
	100%{right:0px;}
}
 .active_item .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
 .active_item .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

/*Map*/
#ta_0map .tit,#ta_0words .tit{background:url('../images/tit_1.jpg');padding:10% 0}
#maparea{width:80%;margin:20px auto;position:relative;}
#maparea img{width:100%;}
.hinfo{width:80%;margin:0 auto;}
.hinfo p{height:44px;font-size:16px;color:#fff;line-height:44px;background:url("../images/icon.png") no-repeat #4BC7C7;margin-bottom:14px;text-indent:60px;overflow:hidden;}
.hinfo p.hour{background-position:17px -65px ;}
.hinfo p.phone{background-position:17px -123px ;}
.hinfo p.guide{background-position:17px -183px ;background-color:#F86868;}
.hinfo p a{display:block;width:100%;color:#fff}
#maparea p{height:40px;position:absolute;line-height:40px;color:#fff;background:url("../images/icon.png") no-repeat 17px 8px rgba(0,0,0,.7);left:0px;bottom:5px;right:0px;text-indent:60px;}
/*word*/
.zftit { border-bottom:1px solid #E4BD82; padding:10px 0;font-size:16px;font-weight:bolder;margin:10px 0;color:#333;text-indent:10px;}
.zfinfo { text-align:left;margin:20px;background-color:#fff;padding: 0 10px}
.szf { font-size:16px;color:#333;}
.szf .name { width:99%; border:1px solid #ddd;background-color:#f7f7f7;line-height:20px;}
.szf textarea { width:99%;height:80px; border:1px solid #ddd;background-color:#f7f7f7;}
.submit { border:none;font-size:16px;cursor:pointer;background-color:#F24E4D;color:#fff;font-weight:bolder;padding:5px 30px;}
.szf select {height:20px;}
.msg { background-color:#FFFBF2;border:1px solid #ECE9E0;border-radius:5px;padding:10px;margin-bottom:5px;}
.msg h5 { color:#BF9A63;position:relative;}
.msg h5 cite{font-style:normal;color:#8E6015;}
.msg h5 span { position:absolute;right:0px;color:#8E6015;}
.msg p { color:#666;font-size:12px;font-weight:normal;}
.msg p.rep{border-top:1px solid #BF9A63}
.msg p.rep b{color:#8E6015;}
.contenboxspan {float: right;color: #ccc;font-size:12px;}
/*Action*/
@-webkit-keyframes slideInLeft { 0% {   opacity: 0;   -webkit-transform: translateX(-2000px);   transform: translateX(-2000px); }
  100% {   -webkit-transform: translateX(0);   transform: translateX(0); }
 }
  @keyframes slideInLeft { 0% {   opacity: 0;   -webkit-transform: translateX(-2000px);   -ms-transform: translateX(-2000px);   transform: translateX(-2000px); }
  100% {   -webkit-transform: translateX(0);   -ms-transform: translateX(0);   transform: translateX(0); }
 }
  @-webkit-keyframes slideInRight { 0% {   opacity: 0;   -webkit-transform: translateX(2000px);   transform: translateX(2000px); }
  100% {   -webkit-transform: translateX(0);   transform: translateX(0); }
 }
  @keyframes slideInRight { 0% {   opacity: 0;   -webkit-transform: translateX(2000px);   -ms-transform: translateX(2000px);   transform: translateX(2000px); }
  100% {   -webkit-transform: translateX(0);   -ms-transform: translateX(0);   transform: translateX(0); }
 }

